<template>
  <div class="currentCategory">
    <p id="name">{{ currentCategory.name }}</p>
    <p id="desc">{{ currentCategory.desc }}</p>
  </div>
</template>

<script setup>
defineProps(['currentCategory'])
</script>

<style scoped>
.currentCategory {
  width: 100%;
  background-color: white;
}
p {
  text-align: center;
}
#name {
  font-size: 20px;
}
#desc {
  font-size: 15px;
  color: rgb(194, 194, 194);
}
</style>
